<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- turf -->
    <script src="https://lib.baomitu.com/Turf.js/latest/turf.min.js"></script>
</head>

<body>
    <script>
        var rectangle = '114.0169501,30.36460893;114.6261227,30.77017755'
        /* [[114,30],[...]] */
        var arr = rectangle.split(";")

        var result = [];
        arr.forEach(item => {
            result.push(item.split(","))
        })
        console.log(result)
        var point1 = turf.point(result[0]);
        var point2 = turf.point(result[1]);

        var midpoint = turf.midpoint(point1, point2);
        console.log(midpoint)
    </script>
</body>

</html>